// 注册页面的逻辑
const form = document.querySelector('form')
const nameInp = document.querySelector('.zhaohao')
const pwdInp = document.querySelector('.mima')
const rpwdInp = document.querySelector('.rpwdmima')
const nickInp = document.querySelector('.nickname')
const errBox = document.querySelector('.err')

// 1. 给 form 标签绑定表单提交事件
form.addEventListener('submit', e => {
  // 处理事件对象兼容
  e = e || window.event
  // 1-1. 阻止默认行为
  try { e.preventDefault() } catch(err) { e.returnValue = false }
  // 1-2. 采集用户信息
  const info = {
    username: nameInp.value,
    password: pwdInp.value,
    rpassword: rpwdInp.value,
    nickname: nickInp.value
  }

  // 1-3. 非空验证
  if (!info.username || !info.password || !info.rpassword || !info.nickname) return alert('请按照规则填写表单')

  // 1-4. 发送请求
  // 利用我们封装好的 ajax 方法
  ajax({
    url: 'http://localhost:8888/users/register',
    data: querystringify(info),
    method: 'POST',
    dataType: 'json',
    success (res) {
      // 条件判断
      if (res.code === 0) {
        // 失败
        errBox.style.display = 'block'
      }

      if (res.code === 1) {
        // 成功
        errBox.style.display = 'none'

        if (window.confirm('注册成功, 点击确定跳转到登录页, 点击取消留在当前页面')) {
          window.location.href = './login.html'
        }
      }
    }
  })
})